<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>项目</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/project.css" />
    <style></style>

</head>

<body>

    <!-- 导航 -->
    <div class="header">
        <div class="header-c clearfix">
            <a href="#" class="header-logo">
                <img src="img/logo.png" alt="" />
            </a>
            <div class="header-nav clearfix">
                <div class="header-nav-item">
                    <a href="index.html" class="nav-item-title">首页</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item active">
                    <a href="project.html" class="nav-item-title">项目</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item">
                    <a href="goods.html" class="nav-item-title">产品</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item">
                    <a href="service.html" class="nav-item-title">服务</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item">
                    <a href="news.html" class="nav-item-title">新闻</a>
                    <div class="nav-item-line"></div>
                </div>
                <div class="header-nav-item">
                    <a href="about.html" class="nav-item-title">关于</a>
                    <div class="nav-item-line"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航结束 -->

    <!-- banner -->
    <div class="banner">
        <div class="banner-c">
            <a href="#" class="banner-img">
                <img src="img/project/project-banner.jpg" alt="" />
            </a>
        </div>
    </div>
    <!-- banner结束 -->

    <!-- 项目展示一 -->
    <div class="project-show project-show-one">
        <div class="project-show-c project-show-one-c">
            <!-- project子导航 -->
            <div class="project-subnav clearfix">
                <div class="project-subnav-left">
                    <span>您的位置：项目 </span>
                    <img src="img/dayu.png" alt="" />
                    <span class="active">项目展示</span>
                </div>
                <div class="project-subnav-right">
                    <!-- 子导航 -->
                    <div class="subnav project-right-subnav">
                        <div class="subnav-item active">
                            <a href="">家居</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">办公</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">餐饮</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">MORE</a>
                            <span class="subnav-line"></span>
                        </div>
                    </div>
                    <!-- 子导航结束 -->
                </div>
            </div>
            <!-- project子导航结束 -->
            <div class="project-show-list clearfix">
                <div class="project-show-card project-show-card1 active">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-one1.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>Marylebone公寓室内改造 上海</h3>
                            <p>木隔墙创造出简约的生活空间</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-one2.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>月见棱廓 北京</h3>
                            <p>舒适而注重情感交流的小住宅</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-one3.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>亭仔脚 台北</h3>
                            <p>生活记忆的延续</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card project-show-card4 active">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-one4.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>藏式民居改造 拉萨</h3>
                            <p>兼顾藏族传统精神生活的现代住宅</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-one5.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>白虎头村老宅改造 北京</h3>
                            <p>老宅，院落，远山</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-one6.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>Florentine公寓 杭州</h3>
                            <p>两种色调与两种氛围的居住空间</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 项目展示一结束 -->
    <!-- 项目展示二 -->
    <div class="project-show project-show-two">
        <div class="project-show-c project-show-two-c">
            <!-- project子导航 -->
            <div class="project-subnav clearfix">
                <div class="project-subnav-left">
                    <span>您的位置：项目 </span>
                    <img src="img/dayu.png" alt="" />
                    <span class="active">项目展示</span>
                </div>
                <div class="project-subnav-right">
                    <!-- 子导航 -->
                    <div class="subnav project-right-subnav">
                        <div class="subnav-item">
                            <a href="">家居</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item active">
                            <a href="">办公</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">餐饮</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">MORE</a>
                            <span class="subnav-line"></span>
                        </div>
                    </div>
                    <!-- 子导航结束 -->
                </div>
            </div>
            <!-- project子导航结束 -->
            <div class="project-show-list clearfix">
                <div class="project-show-card project-show-card1 active">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-two1.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>Olste办公空间 深圳</h3>
                            <p>干净明亮的办公空间</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-two2.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>百分金融办公室 北京</h3>
                            <p>从“私密”到“开放”</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-two3.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>感物办公空间 杭州</h3>
                            <p>我和我的森林性感受</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 项目展示二结束 -->
    <!-- 项目展示三 -->
    <div class="project-show project-show-three">
        <div class="project-show-c project-show-three-c">
            <!-- project子导航 -->
            <div class="project-subnav clearfix">
                <div class="project-subnav-left">
                    <span>您的位置：项目 </span>
                    <img src="img/dayu.png" alt="" />
                    <span class="active">项目展示</span>
                </div>
                <div class="project-subnav-right">
                    <!-- 子导航 -->
                    <div class="subnav project-right-subnav">
                        <div class="subnav-item">
                            <a href="">家居</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">办公</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item active">
                            <a href="">餐饮</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">MORE</a>
                            <span class="subnav-line"></span>
                        </div>
                    </div>
                    <!-- 子导航结束 -->
                </div>
            </div>
            <!-- project子导航结束 -->
            <div class="project-show-list clearfix">
                <div class="project-show-card project-show-card1 active">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-three1.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>肯德基西安大雁塔店 西安</h3>
                            <p>以现代语言讲述古城历史文化</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-three2.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>La Palma餐厅 重庆</h3>
                            <p>将加州海滩元素融入意式餐厅</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-three3.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>LUCKY PIGGY 杭州</h3>
                            <p>亲和力满满的轻食餐厅</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 项目展示三结束 -->
    <!-- 项目展示四 -->
    <div class="project-show project-show-four">
        <div class="project-show-c project-show-four-c">
            <!-- project子导航 -->
            <div class="project-subnav clearfix">
                <div class="project-subnav-left">
                    <span>您的位置：项目 </span>
                    <img src="img/dayu.png" alt="" />
                    <span class="active">项目展示</span>
                </div>
                <div class="project-subnav-right">
                    <!-- 子导航 -->
                    <div class="subnav project-right-subnav">
                        <div class="subnav-item">
                            <a href="">家居</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">办公</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item">
                            <a href="">餐饮</a>
                            <span class="subnav-line"></span>
                        </div>
                        <div class="border"></div>
                        <div class="subnav-item active">
                            <a href="">MORE</a>
                            <span class="subnav-line"></span>
                        </div>
                    </div>
                    <!-- 子导航结束 -->
                </div>
            </div>
            <!-- project子导航结束 -->
            <div class="project-show-list clearfix">
                <div class="project-show-card project-show-card1 active">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-four1.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>筑蹊生活主题书店 宁波</h3>
                            <p>有机几何与循环路径的购书体验</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-four2.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>R FITNESS健身工作室 香港</h3>
                            <p>由光定义的空间</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
                <div class="project-show-card">
                    <div class="project-show-cover">
                        <img src="img/project/project-show-four3.jpg" alt="" />
                    </div>
                    <div class="project-show-info clearfix">
                        <div class="project-show-info-left">
                            <h3>月饼博物馆 乌兰察布</h3>
                            <p>一个本地材料营造的低成本博物馆</p>
                        </div>
                        <div class="project-show-info-right">
                            <img src="img/more.png" alt="" class="project-show-info-icon" />
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!-- 项目展示四结束 -->

    <!-- 底部 -->
    <div class="footer">
        <div class="footer-c">
            <div class="footer-links clearfix">
                <div class="footer-links-list">
                    <dl>
                        <dt>简设装饰有限公司</dt>
                        <dd>
                            <a href="#"><img src="img/wb.png" alt="" class="footer-contact" /></a>
                            <a href="#"><img src="img/wechat.png" alt="" class="footer-contact" /></a>
                            <a href="#"><img src="img/qq.png" alt="" class="footer-contact" /></a>
                        </dd>
                    </dl>

                </div>
                <div class="footer-links-list active">
                    <dl class="dl">
                        <dt>地址：中国地区**分区6号写字楼888室</dt>
                        <dd>电话：688-8888-008</dd>
                        <dd>传真：000-66668888</dd>
                    </dl>

                </div>
                <div class="footer-links-list">
                    <dl>
                        <dt>邮编：100000</dt>
                        <dd>手机：186-6006-8008</dd>
                        <dd>邮箱：00060008@163.com</dd>
                    </dl>

                </div>
            </div>

        </div>
    </div>
    <!-- 底部结束 -->
</body>

</html>